
<%@ page pageEncoding="utf-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<c:set var="ctx" value="${pageContext.request.contextPath}" />

<html>
	<head>
		<link type="text/css" rel="stylesheet" href="${ctx}/HTML/jquery/css/jquery.alert.css"/>
		<script src="${ctx}/HTML/jquery/jquery-js/jquery-1.3.2.min.js" type="text/javascript"></script>
		<script src="${ctx}/HTML/jquery/jquery-js/jquery.alert.js" type="text/javascript"></script>
		<script src="${ctx}/HTML/jquery/jquery-js/jquery.bgiframe.js" type="text/javascript"></script>
		
		<script language="javascript">
			jQuery(document).ready(function($){
				$('#btn').click(function(){
					var $psgName = $('.psgName');
					if($.trim($psgName.val()) == ''){
						$psgName.alert('请输入乘机人姓名');
						return false;
					}
					var $certiNo = $('.certiNo');
					if($.trim($certiNo.val()) == ''){
						$certiNo.alert('请输入证件号码', {alertClass: 'corner',position: 'top'});
						return false;
					}
					return false;
				});
			});				
		</script>
		
	</head>
	<body>
		<h2>============jQuery alert plugin Demo=============</h2>
		<input class="psgName" type="text" /><br/>
		<input class="certiNo" type="text" /><br/>
		<input type="button" id="btn" value="test"/>
	</body>
</html>